/* Code tidied up by ScrapBook */
#login-webpos { display: block; margin-top: 5%; }
#login-webpos .modal-dialog { width: 500px; }
.login-webpos { z-index: 2; padding: 5%; }
.login-webpos .form-login input[type="text"], .login-webpos .form-login input[type="password"] { margin: 10px 0px; height: 45px; }
.login-webpos button { width: 100%; padding: 9px 12px; font-size: 16px; }
.login-webpos .logo img { max-height: 110px; }
.fade-login { float: left; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 50; background: rgb(239, 239, 239) none repeat scroll 0% 0%; opacity: 0.85; }
.login-webpos .form-login input[type="text"]:-moz-placeholder, .login-webpos .form-login input[type="password"]:-moz-placeholder { color: rgb(102, 102, 102); }
.login-webpos .form-login input[type="text"]::-moz-placeholder, .login-webpos .form-login input[type="password"]::-moz-placeholder { color: rgb(102, 102, 102); }
.setting-left, .setting-right, #settings_area .top-content .title-page { padding: 0px; }
.setting-right { border-left: 1px solid rgb(190, 190, 183); background-color: rgb(248, 248, 248); height: 100%; }
#settings_area .top-content { background: rgb(255, 165, 0) none repeat scroll 0% 0%; padding: 10px 0px; float: left; width: 100%; height: 45px; }
#settings_area .top-content .title-general { width: 100%; }
#settings_area .top-content h2 { font-size: 15px; color: rgb(255, 255, 255); margin: 0px; text-align: center; }
#settings_area .top-content button { padding: 4px 12px; background: rgb(239, 89, 23) none repeat scroll 0% 0%; border: 1px solid rgb(220, 72, 6); float: right; color: rgb(255, 255, 255); font-size: 13px; box-shadow: 0px 2px 1px rgba(183, 33, 0, 0.57); outline: 0px none; }
#settings_area .content { float: left; width: 100%; }
#settings_area .content ul { padding: 0px; }
#settings_area .content ul li { padding: 15px; border-bottom: 1px solid rgb(190, 190, 183); cursor: pointer; font-size: 14px; font-weight: 600; }
.setting-right .content-general, .setting-right .content-myaccount { float: left; width: 100%; padding: 0px 15%; font-size: 13px; }
.setting-right h2.title, .account-information h2.title { font-size: 14px; margin: 0px; padding: 15px 0px; float: left; width: 100%; }
.setting-right label { margin: 0px; padding: 4px 0px; }
.setting-right .content-general .check { padding: 10px 15px; border-bottom: 1px solid rgb(190, 190, 183); }
.setting-right .content-general .check .glyphicon { float: right; }
.setting-right .content-general .check5 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.setting-right input { height: 42px; }
.setting-right .content-myaccount .change-password .box, .setting-right .content-myaccount .account-information .box { border-bottom: 1px solid rgb(190, 190, 183); float: left; width: 100%; padding: 0px 15px; }
.setting-right .content-myaccount .change-password .last, .setting-right .content-myaccount .account-information .last { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.setting-right .content-myaccount .change-password label, .setting-right .content-myaccount .account-information label { width: 30%; float: left; margin-top: 9px; }
.setting-right .content-myaccount .change-password input, .setting-right .content-myaccount .account-information input { width: 70%; float: left; border: medium none; box-shadow: none; outline: 0px none; }
#settings_area .content ul li.active { background: rgb(40, 131, 252) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.permission-information .box-permission label { padding: 9px 10px; height: 40px; cursor: pointer; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.permission-information .box-permission label#box-permission span { font-size: 13px; color: rgb(0, 0, 0); }
#list-permission { margin: 0px; clear: both; width: 100%; float: left; padding: 10px 30px; display: block; background-color: rgb(255, 255, 255); line-height: 23px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; max-height: 150px; overflow: auto; }
#permissionInfo p { padding: 0px; margin: 0px; }

.setting-right .content-general .box1, .setting-right .content-myaccount .change-password, .setting-right .content-myaccount .account-information {
    border: 1px solid #BEBEB7;
    border-bottom: none;
    border-radius: 10px;
    float: left;
    width: 100%;
    background-color: #fff;
}


#list-permission {
    margin: 0px;
    clear: both;
    width: 100%;
    float: left;
    padding: 10px 30px;
    display: block;
    background-color: rgb(255, 255, 255);
    line-height: 23px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 150px;
    overflow: auto;
}